@function rrem ($args){
    @return ($args/200)+rem
};
*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
}
.modal{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.3);
    z-index: 999999;
    .content{
        width: rrem(600);
        height: rrem(750);
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: rrem(-750/2);
        margin-left: rrem(-600/2);
        .modal_main{
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 100;
        }
        .close{
            position: absolute;
            right: 0;
            top: rrem(-71);
            width: rrem(53);
            height: rrem(53);
            border-radius: 50%;
            img{
                width: 100%;
                height: 100%;
            }
        }
        .bg{
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            img{
                width: 100%;
                height: 100%;
            } 
        }
    }
    .dialog-content{
        background-color: #fff;
        height:100%;
    }
    .dialog-content-title{
        height:rrem(120);
        width: 100%;
    }
    .face-img{
        height:rrem(90);
        position: absolute;
        left:50%;
        margin-left: - rrem(45);
        bottom: - rrem(45);
    }
    .children-content{
        height: 100%;
        padding-top: rrem(45);
        background-color: #fff;

    }
    &-content{
        width: rrem(600);
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: rrem(-750/2);
        margin-left: rrem(-600/2);

        .close{
            position: absolute;
            right: 0;
            top: rrem(-71);
            width: rrem(53);
            height: rrem(53);
            border-radius: 50%;
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
}
